<template>
	<div class="wraper" :class="{on:interface,isMYKEY:isMYKEY}">
		<div class="line" :class="{iphoneX:isIphoneX,iphone:isIphone,isMYKEY:isMYKEY}"></div>
		<div class="nav-bar">
			<div class="arrow" @click="goBack"></div>
			<span @click="service">在线客服</span>
		</div>
		<div class="content">
			<div class="price">
				<span><img :src="logo" v-if="logo"></span>
				{{pageState==1?'购买':pageState==2?'售出':''}}{{name}}
			</div>
			<div class="info">
				<p class="img">
					<img :src="imgUrl">
				</p>
<!-- 				<p class="img" v-if="pageState==2&&orderStatus==-99">
					<img src="../../static/images/order-detail-reject.png">
				</p> -->
				<h1>{{desc}}</h1>
				<p class="desc" v-if="orderStatus==3 && pageState==1 && !isMYKEY">
					成功支付{{orderrmb}}元，{{orderusdt}}{{name}} 已转入钱包
				</p>
				<p class="desc" v-if="orderStatus==99 && pageState==2">
					成功出售{{orderusdt}}{{name}}，{{orderrmb}}元已转入支付宝
				</p>
			</div>
		</div>
		<div class="list">
			<li><span>单号</span><b>{{id}}</b></li>
			<li><span>下单时间</span><b>{{createTime}}</b></li>
			<li><span>转账金额</span><b>￥{{orderrmb}}</b></li>
			<li><span>数量</span><b>{{orderusdt}} {{name}}</b></li>
		</div>
		<div class="desc">{{desc2}}</div>
	</div>
</template>
<script src="./orderDetail.js"></script>
<style scoped>
	@import './orderDetail.css';
</style>